<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=deviece-width">
	<title>滁州学院新生网Demo</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body style="background:#a8d6e2;" >
	<!--  ------------------------------    导航  --------------------------       -->
	<header role="banner">
		<nav role="navigation" class="navbar navbar-static-top navbar-inverse" style="background:#4867B7;">
			<div class="container" >
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="img/4.png" style="width:243px;height:50px;">
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="map.html">相关地图</a></li>
						<li class="active"><a href="plan.html">入学锦囊</a></li>
						<li><a href="life.html">校园生活</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!--     -------------------------   导航END --------------------------   -->
	
	
	<!-- ------------------------------左边框-------------------------------- -->
	<div class="col-md-3" style="background:white;height:100%;">
		<div class="list-group">
		  <button href="#" class="list-group-item active">
		    入学锦囊
		  </button>
		  <button  class="list-group-item" id="jibtn">计算机与信息工程学院</button>
		  <button  class="list-group-item" id="wenbtn">文学与传媒学院</button>
		  <button  class="list-group-item" id="jingbtn">经济与管理学院</button>
		  <button  class="list-group-item" id="shubtn">数学与金融学院</button>
		  <button  class="list-group-item" id="jiaobtn">教育科学学院</button>
		  <button  class="list-group-item" id="waibtn">外国语学院</button>
		  <button  class="list-group-item" id="jixbtn">机械与汽车工程学院</button>
		  <button  class="list-group-item" id="yinbtn">音乐学院</button>
		  <button  class="list-group-item" id="dianbtn">电子与电气工程学院</button>
		  <button  class="list-group-item" id="meibtn">美术与设计学院</button>
		  <button  class="list-group-item" id="dibtn">地理信息与旅游学院</button>
		  <button  class="list-group-item" id="tibtn">体育学院</button>
		  <button  class="list-group-item" id="caibtn">材料与化学工程学院</button>
		  <button  class="list-group-item" id="sibtn">思想政治理论课教学研究部</button>
		  <button  class="list-group-item" id="shengbtn">生物与食品工程学院</button>
		  <button  class="list-group-item" id="jiaoyubtn">继续教育学院</button>
		</div>
	</div>

	<!-- ------------------------------左边框 END-------------------------------- -->


	<!-- ------------------------------右边文字--------------------------------- -->

	<div  style="background:white;height:1071px;" class="col-md-9">
		<div id='ji' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-计算机与信息工程学院</button>
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

			</div>
		</div>

		<div id='wen' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-文学与传媒学院</button>
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='jing' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-经济与管理学院</button>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='shu' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-数学与金融学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='jiao' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-教育科学学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='wai' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-外国语学院</button>
				

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='jix' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-机械与汽车工程学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='yin' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-音乐学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='dian' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-电子与电气工程学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>


		<div id='mei' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-美术与设计学院</button>
				

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='di' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-地理信息与旅游学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='ti' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-体育学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='cai' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-材料与化学工程学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='si' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-思想政治理论课教学研究部</button>
			
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='sheng' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-生物与食品工程学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>

		<div id='jiaoyu' class="col-md-12" style="height:1071px;display:none;" >
			<div class="list-group">
				<button class="list-group-item active">入学锦囊-继续教育学院</button>
				
				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>

				<a href="http://www.baidu.com" class="list-group-item">xxxxxxxxxxxxxxxxxxxxx 2016-11-11</a>
			</div>
		</div>
	</div>


		

	<!-- ------------------------------右边文字 END--------------------------------- -->
	

	<!-- -------------------------页尾------------------------------ -->
	<div id="flood">
	    <table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
	    
	      <tr>
	        <td  height="3" colspan="5" bgcolor="#0F6BA2"></td>
	      </tr>
	      <tr>
	        <td width="557" height="60" align="center"><p><br />
	          &nbsp;版权所有 &copy; 滁州学院&nbsp;&nbsp; 皖ICP备11015759号&nbsp;&nbsp; 邮编：239000&nbsp;<br />
	        校址：安徽省滁州市会峰西路1号（会峰校区）　安徽省滁州市琅琊路2号（琅琊校区）　<br />          
	        &nbsp; </p></td>
	        
			<td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wx.jpg" alt="滁州学院微信公众号" width="60" height="60" title="滁州学院微信公众号" /></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/qq.jpg" width="60" height="60" alt="滁州学院QQ公众号"  title="滁州学院QQ公众号"/></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wb.jpg" width="60" height="60" alt="滁州学院新浪微博"  title="滁州学院新浪微博"/></td>
	        
	      </tr>
	    </table>
  	</div>
  	<!-- -------------------------页尾------------------------------ -->


	<!-- ---------------------------左边点击事件----------------------- -->
	<script>
		$(function(){
			$("#jibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#ji").toggle(1000);
			})	

			$("#wenbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#wen").toggle(1000);
			})

			$("#jingbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#jing").toggle(1000);
			})

			$("#shubtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#shu").toggle(1000);
			})

			$("#jiaobtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#jiao").toggle(1000);
			})

			$("#waibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#wai").toggle(1000);
			})

			$("#jixbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#jix").toggle(1000);
			})

			$("#yinbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#yin").toggle(1000);
			})

			$("#dianbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#dian").toggle(1000);
			})

			$("#meibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#mei").toggle(1000);
			})

			$("#dibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#di").toggle(1000);
			})

			$("#tibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#ti").toggle(1000);
			})

			$("#caibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#cai").toggle(1000);
			})

			$("#sibtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#si").toggle(1000);
			})

			$("#shengbtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#sheng").toggle(1000);
			})	

			$("#jiaoyubtn").click(function(){
				$(".col-md-12").hide(1000);
				$("#jiaoyu").toggle(1000);
			})		
		})
		
	</script>
	<!-- ---------------------------左边点击事件 END----------------------- -->
	




</body>
</html>